<div id="page-content">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 page-content">
                <ul class="form-steps four clearfix">
                    <li>Paso 1</li>
                    <li>Paso 2</li>
                    <li  class="active">Paso 3</li>
                    <li>paso 4</li>
                </ul>

                <div class="white-container sign-up-form">
                    <div>
                        <h2>3. Información Académica</h2>
                        <section>
                            <h6 class="bottom-line">Primaria:</h6>

                            <h6 class="label">Información de la primaria</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombre" name="e_institucion[]">
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de Ingreso</label>
                                    <input type="text" class="day-input" name="fiad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="fiam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="fiay[]" placeholder="YYYY" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de termino</label>
                                    <input type="text" class="day-input" name="ftad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="ftam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="ftay[]" placeholder="YYYY" >
                                </div>
                            </div>

                            <h6 class="label">Avance de créditos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="year-input" name="e_avance[]" placeholder="AVANCE%" >
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_promedio[]" placeholder="Promedio">
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_titulo[]" placeholder="Titulo">
                                </div>
                            </div>

                        </section>

                        <section>
                            <h6 class="bottom-line">Secundaria:</h6>

                            <h6 class="label">Información de la secundaria</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombre" name="e_institucion[]">
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de Ingreso</label>
                                    <input type="text" class="day-input" name="fiad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="fiam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="fiay[]" placeholder="YYYY" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de termino</label>
                                    <input type="text" class="day-input" name="ftad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="ftam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="ftay[]" placeholder="YYYY" >
                                </div>
                            </div>

                            <h6 class="label">Avance de créditos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="year-input" name="e_avance[]" placeholder="AVANCE%" >
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_promedio[]" placeholder="Promedio">
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_titulo[]" placeholder="Titulo">
                                </div>
                            </div>

                        </section>
                        
                        <section>
                            <h6 class="bottom-line">Preparatoria:</h6>

                            <h6 class="label">Información de la preparatoria</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombre" name="e_institucion[]">
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de Ingreso</label>
                                    <input type="text" class="day-input" name="fiad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="fiam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="fiay[]" placeholder="YYYY" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de termino</label>
                                    <input type="text" class="day-input" name="ftad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="ftam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="ftay[]" placeholder="YYYY" >
                                </div>
                            </div>

                            <h6 class="label">Avance de créditos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="year-input" name="e_avance[]" placeholder="AVANCE%" >
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_promedio[]" placeholder="Promedio">
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_titulo[]" placeholder="Titulo">
                                </div>
                            </div>

                        </section>
                        
                        <section>
                            <h6 class="bottom-line">C. Técnica o comercial:</h6>

                            <h6 class="label">Información de la C. técnica o comercial</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombre" name="e_institucion[]">
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de Ingreso</label>
                                    <input type="text" class="day-input" name="fiad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="fiam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="fiay[]" placeholder="YYYY" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de termino</label>
                                    <input type="text" class="day-input" name="ftad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="ftam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="ftay[]" placeholder="YYYY" >
                                </div>
                            </div>

                            <h6 class="label">Avance de créditos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="year-input" name="e_avance[]" placeholder="AVANCE%" >
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_promedio[]" placeholder="Promedio">
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_titulo[]" placeholder="Titulo">
                                </div>
                            </div>

                        </section>
                        
                        <section>
                            <h6 class="bottom-line">Profesional:</h6>

                            <h6 class="label">Información de la profesional</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombre" name="e_institucion[]">
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de Ingreso</label>
                                    <input type="text" class="day-input" name="fiad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="fiam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="fiay[]" placeholder="YYYY" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de termino</label>
                                    <input type="text" class="day-input" name="ftad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="ftam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="ftay[]" placeholder="YYYY" >
                                </div>
                            </div>

                            <h6 class="label">Avance de créditos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="year-input" name="e_avance[]" placeholder="AVANCE%" >
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_promedio[]" placeholder="Promedio">
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_titulo[]" placeholder="Titulo">
                                </div>
                            </div>

                        </section>
                        
                        <section>
                            <h6 class="bottom-line">Adicional:</h6>

                            <h6 class="label">Información de la adicional</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombre" name="e_institucion[]">
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de Ingreso</label>
                                    <input type="text" class="day-input" name="fiad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="fiam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="fiay[]" placeholder="YYYY" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Fecha de termino</label>
                                    <input type="text" class="day-input" name="ftad[]" placeholder="DD" >
                                    <input type="text" class="month-input" name="ftam[]" placeholder="MM" >
                                    <input type="text" class="year-input" name="ftay[]" placeholder="YYYY" >
                                </div>
                            </div>

                            <h6 class="label">Avance de créditos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="year-input" name="e_avance[]" placeholder="AVANCE%" >
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_promedio[]" placeholder="Promedio">
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="e_titulo[]" placeholder="Titulo">
                                </div>
                            </div>

                        </section>
                    </div>

                    <hr class="mt60">

                    <div class="clearfix">
                        <a href="<?= base_url('register/step_4') ?>" class="btn btn-default btn-large pull-right">Continuar al paso 4</a>
                    </div>
                </div>
            </div> <!-- end .page-content -->
        </div>
    </div> <!-- end .container -->
</div> <!-- end #page-content -->